<style>
    #add {
        padding: 20px 25px 25px 0;
    }

    #add .layui-treeSelect .ztree li a, .ztree li span {
        margin: 0 0 2px 3px !important;
    }
</style>
<div class="layui-fluid" id="orderView">
    <form class="layui-form" action="" lay-filter="orderView-form" enctype="multipart/form-data" id="orderView-form">
        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">顾客昵称</label>
            <div class="layui-input-block">
                <input type="text" readonly autocomplete="off" name="nickName" lay-verify="required" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">真实姓名</label>
            <div class="layui-input-block">
                <input type="text" readonly autocomplete="off" name="trueName" lay-verify="required" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" >
            <label class="layui-form-label febs-form-item-require">订单名称</label>
            <div class="layui-input-block">
                <input type="text" readonly name="body"  class="layui-input">
            </div>
        </div>

        <div class="layui-form-item" >
            <label class="layui-form-label febs-form-item-require">订单编号</label>
            <div class="layui-input-block">
                <input type="text" readonly name="outTradeNo"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item" >
            <label class="layui-form-label febs-form-item-require">订单金额</label>
            <div class="layui-input-block">
                <input type="text" readonly name="totalFee"  class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label febs-form-item-require">交易时间</label>
            <div class="layui-input-block">
                <input type="text" readonly name="timeStart"  class="layui-input">
            </div>
        </div>
    </form>
</div>
<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'layedit', 'validate', 'upload'], function () {
        var form = layui.form,
            order = [[${order}]],
            validate = layui.validate;

        form.verify(validate);
        form.render();

        initUserValue();

        function initUserValue() {
            form.val("orderView-form", {
                "nickName":order.nickName,
                "trueName":order.trueName,
                "body": order.body,
                "outTradeNo":order.outTradeNo,
                "totalFee":order.totalFee,
                "timeStart":order.timeStart,
            });
        }
    });
</script>